<script type="text/javascript">
{literal}
	$(document).ready(function() {
		$('#medical_agent_list').tablesorter();
		$('#medical_agent_list tbody tr:even').toggleClass('alt');
	});	
{/literal}
</script>
<br />
<div id="test_container" style="margin-top: 5px">
	<table id="medical_agent_list" cellspacing="0" cellpadding="0" class="grid" width="500px">
		<thead>
			<tr>
				<th class='first'>{translate}Personal information{/translate}</th>
				<th class='last'>{translate}Delete{/translate}</th>	
			</tr>
		</thead>
		<tbody>
		{if isset($medicalAgentList)}
		{foreach from=$medicalAgentList item=chronic key=key}
			<tr id="{$key}">
			    
			    <td class='first'>
			        <a href="javascript:EditMedicalAgent({$key});" title="{translate}Edit personal information{/translate}">{$chronic}</a>
			    </td>

                <td class='last'>
                    <a class="btn" href="javascript:DeleteMedicalAgent({$key});" 
                        title="{translate}Delete profile information{/translate}"> 
                        <img src="../images/remove_small.png" alt="{translate}Delete{/translate}"></img>
                    </a>
                </td>

			</tr>
		{/foreach}
		{else}
			<tr><td class="first last" colspan="2" id='noresult'>{translate}None of personal info is available{/translate}
		{/if}
		</tbody>
	</table>		
</div>